import React, { Component } from 'react';
import { PrimaryC, FirstHeaderC } from '../../components';

class VideoDemo extends Component {
  // 默认值
  static defaultProps = {};

  state = {
    visible: false,
  };

  render() {
    return (
      <div style={{ padding: '20px' }}>
        <FirstHeaderC title='视频组件' />
        <PrimaryC
          title='跳转播放'
          onClick={() => {
            // 直接指向的是videoC对应的路由地址 id代表视频文件id；打开新的页面
            const url = `${window.location.origin}/#/videoPlayer?id=1686965247936_000_000_77BD2971A463794FB33CA2CE714D5D19532CB553393829A3363A151B4E81F18A`;
            window.open(url);
          }}
        />
        <PrimaryC
          title='跳转播放WEBM'
          onClick={() => {
            const url = `${window.location.origin}/#/videoPlayer?id=1686965247936_000_000_77BD2971A463794FB33CA2CE714D5D19532CB553393829A3363A151B4E81F18A`;
            window.open(url);
          }}
        />
      </div>
    );
  }
}
export default VideoDemo;
